@charset "utf-8";

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blackquote,strong,pre,hr,figure,table,caption,th,tr,td,form,fieldset,label,iframe,frame,legend,input,button,textarea,select,menu{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,em,th,i,input,textarea,button,select{ font-weight:normal; font-style:normal; font-size:100%;}
ul,ol,li{ list-style:none; vertical-align:top;}
img,a img{ border:none; vertical-align:top;}
html,body,fieldset,iframe,frame,abbr{ border:0;}
input,button,select,textarea{ outline:none; background:none;}
table,tr,th,td{border-collapse:collapse; border-spacing:0;}
textarea{ resize:none; overflow:auto;}

body{font:14px/1.2 "tahoma","宋体",san-serif; background:url(../images/bg-body.gif) repeat; color:#333;}

/**** 基础样式 ****/
/**对齐**/
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
.vertical-middle{ vertical-align:middle;}

/**显示隐藏**/
.hidden{ display:none;}
.clear{clear:both;}
.overflow{ overflow:hidden;}

/**定位**/
.posR{ position:relative;}
.posA{ position:absolute;}
.posF{ position:fixed;}

/**** 文字 ****/
/**字号**/	
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}

/**加粗**/
.fb{font-weight:bold}

/**文字对齐**/	
.textL{ text-align:left;}
.textC{ text-align:center;}
.textR{ text-align:right;}

/**文字缩进**/	
.text2em{ text-indent:2em}

/**溢出省略**/
.word-hidden{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/**行间距**/
.lineHeight16{ line-height:16px;}
.lineHeight18{ line-height:18px;}
.lineHeight20{ line-height:20px;}
.lineHeight22{ line-height:22px;}

/**颜色**/
/*黑*/
.txt-black, .txt-black a, a.txt-black{ color:#484848;}
a.txt-black:hover{ color:#484848;}

/*灰*/
.txt-gray, .txt-gray a, a.txt-gray{ color:#9b9b9b;}
a.txt-gray:hover{ color:#9b9b9b;}

/*红*/
.txt-red, .txt-red a, a.txt-red{ color:#d83d13;}
a.txt-red:hover{ color:#d83d13;}

/*白*/
.txt-white, .txt-white a, a.txt-white{ color:#fff;}
a.txt-white:hover{ color:#fff;}

/*蓝*/
.txt-blue, .txt-blue a, a.txt-blue{ color:#0061d9;}
a.txt-blue:hover{ color:#0061d9;}

/****距离控制****/
/**padding**/
.padding1{ padding:1px;}
.padding10{padding:10px;}

/**padding-top**/
.pt3{ padding-top:3px}
.pt12{ padding-top:12px}
.pt16{ padding-top:16px}
.pt60{ padding-top:60px}

/**padding-right**/
.pr10{padding-right:10px;}
.pr30{padding-right:30px;}

/**padding-bottom**/
.pb10{ padding-bottom:10px;}
.pb32{ padding-bottom:32px;}	

/**padding-left**/
.pl5{ padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl30{padding-left:30px;}

/**margin-top**/
.mt10{margin-top:10px;}

/**margin-right**/
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}

/**margin-bottom**/
.mb6{ margin-bottom:6px;}
.mb8{ margin-bottom:8px;}
.mb10{ margin-bottom:10px;}

/**margin-left**/
.ml10{margin-left:10px;}


/****模块宽度****/
/**区块标准宽度设置**/

/*无边线区块*/
.div-w1000, .div-w510{ float:left; margin-bottom:10px; overflow:hidden; background:#fff;}

.div-w1000{ width:1000px; }
.div-w510{ width:510px;}

/*有边线区块*/
.div-w998, .div-w324, .div-w275, .div-w715{ float:left; margin-bottom:10px; overflow:hidden; background:#fff;}
.div-w998{ width:998px; }
.div-w715{ width:715px;}
.div-w324{ width:324px; }
.div-w275{ width:275px; }



/**智慧党校应用平台**/	
.div2{
	background: #d03608;
	padding: 10px 0 20px;
	color:#fff;
	float: left;
}
.div2 .wrap{
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:-o-flex;
	display:flex;
}
.div2 .div2_1{
	width: 100%;
	font-size: 24px;
	color: #ffffff;
	float: left;
	height: 45px;
	margin: 10px 10px 0px 10px;
}

.div2 .div2_1 p{/* width: 100px; *//* height: 60px; */}
.div2 .wrap .p1{
	font-size: 15px;
	color: #ffffff;
	margin-bottom: 16px;
	text-align: center;
}
.div2 .wrap .div2_2{
	width: 250px;
}
.div2 .wrap .div2_3{
	width: 500px;
}
.div2 .wrap .div2_4{
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	flex: 1;
}
.div2 .wrap .zhuzhong{
	text-align: center;
	position: relative;
}
.div2 .wrap .zhuzhong .lianj{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	font-size: 12px;
	width: 100px;
	color: #fff;
}
.div2 .wrap .div2_3 .lianj:hover,
.div2 .wrap .div2_2 .lianj:hover{
	font-size: 14px;
}
.div2 .wrap .zhuzhong .lianj img{
	width: 50px;
	margin: 0 25px 10px 25px;
	transition: all 1s;
}
.div2 .wrap .div2_3 .lianj:hover img,
.div2 .wrap .div2_2 .lianj:hover img{
	/*width: 55px;*/
	transform:rotateY(180deg);
}
.div2 .wrap .zhuzhong .lianj.erweim img{
	width: 72px;
	margin: 0 auto 5px;
}
.div2 .wrap .div2_3 .zhuzhong,
.div2 .wrap .div2_2 .zhuzhong{
	height: 76px;
}
.div2 .wrap .div2_3 .zhuzhong:before,
.div2 .wrap .div2_3 .zhuzhong:after{
	content: "";
	width: 1px;
	height: 56px;
	margin-top: -28px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0;
}
.div2 .wrap .div2_3 .zhuzhong:after{
	right: 0;
	left: auto;
}
.div2 .wrap .zhuzhong .lianj span {
    width: 100%;
    float: left;
}